Dev Tools · 24 tools

AI code editors and developer tools

Editors and the tooling around them. AI-first editors and terminal agents sit next to the build tools, formatters and test runners that keep a frontend project fast and predictable. Most are free to start, and several are open source.

Sort

claude.com

Claude CodeDeveloper toolsAn agentic coding assistant that works directly inside your command-line terminal.

cursor.com

CursorDeveloper toolsAn AI-first code editor designed to speed up writing and shipping software.

zed.dev

ZedDeveloper toolsA high-performance code editor engineered for low-latency, responsive editing.

v0.app

v0Developer toolsA generative AI tool that turns plain-text prompts into working shadcn/ui code.

bolt.new

Bolt.newDeveloper toolsAn in-browser sandbox for building and running full-stack applications.

vite.dev

ViteDeveloper toolsA fast frontend build tool and development server for modern web projects.

biomejs.dev

BiomeDeveloper toolsA fast code formatter and linter, built in Rust for web development projects.

playwright.dev

PlaywrightDeveloper toolsA framework for automating browsers and running reliable end-to-end test suites.

buildertools.sh

BuilderToolsDeveloper toolsA set of focused developer tools aimed at helping you ship software faster.

nuqs.47ng.com

nuqsDeveloper toolsA React library for reading and writing type-safe URL search parameters.

better-t-stack.dev

Better T StackDeveloper toolsA command-line tool that scaffolds modern full-stack TypeScript projects.

github.com

AI StackDeveloper toolsA directory that compares the modern technology stacks used to build AI apps.

alumnium.ai

AlumniumDeveloper toolsWrite end-to-end tests in plain natural language, delivered through MCP.

vercel-doctor.com

Vercel DoctorDeveloper toolsA diagnostic tool that pinpoints performance bottlenecks in Next.js apps.

ossperks.com

OSS PerksDeveloper toolsA hub of free cloud credits and perks for open-source project maintainers.

vinext.dev

VinextDeveloper toolsA Vite plugin that lets you build and run Next.js applications on Cloudflare.

evlog.dev

evlogDeveloper toolsA structured logging framework for capturing events in web applications.

audio.raphaelsalaja.com

@web-kits/audioDeveloper toolsA declarative library for adding and controlling sound in web applications.

nuejs.org

NueDeveloper toolsA lightweight web framework positioned as a leaner alternative to React.

umami.is

UmamiDeveloper toolsA privacy-focused web analytics tool that works without cookie consent banners.

torph.lochie.me

TorphDeveloper toolsA dependency-free library for animating text with morphing transitions.

x.ai

x.ai/botDeveloper toolsDocumentation that spells out the specifications for xAI's web crawler.

tracwell.app

TracwellDeveloper toolsA focused analytics tool for tracking your site's visitors and conversions.

dialkit.dev

DialKitDeveloper toolsA floating in-app toolbar that lets you tune parameters live as you work.

Frequently asked questions about AI code editors and developer tools

What are the best AI code editors and developer tools in 2026?

Designeer lists 24 developer tools for front-end work, each with a live preview, including Claude Code, Cursor and Zed. They range from AI code editors and agents to build tools, linters and testing setups.

What is the best AI code editor for front-end development?

Cursor and Zed are popular AI-powered code editors, and Claude Code brings an AI coding agent to the terminal. Tools like v0 and Bolt.new generate UI and apps from prompts, which speeds up front-end prototyping.

Are these developer tools free to use?

Many developer tools offer free tiers or are open-source, including the Vite build tool and several editors. AI code editors and app generators often use usage-based or paid plans for heavier work, but you can start building for free.